<template>
   <div class="recharge_result">
        <wxc-minibar  title="充值完成" ></wxc-minibar>
        <div class="result_box">
            <image style="width:290px;height:323px;" src="http://zhongcai-test.oss-cn-beijing.aliyuncs.com/hch5/payfail.png"></image>
            <text style="font-family: PingFangSC-Medium;font-size: 40px;color: #333333;margin-top:47px;">抱歉！充值失败</text>
            <div class="result_desc" style="margin-top:16px;">
                <text style="font-size: 32px;color: #666666;">请查看您的网络连接是否正常，银行卡余</text>
                <text style="font-size: 32px;color: #666666;">额、明细是否有交易发生。如有疑问，请</text>
                <text style="font-size: 32px;color: #666666;">咨询客服电话:XXXXXXXXX</text>
            </div>
            <div class="button" style="margin-top:48px;" @click="againrecharge">
                <text style="font-family: PingFangSC-Medium;font-size: 32px;color: #666666;">点击确定</text>
            </div>
        </div>
  </div>
</template>

<script>
    import WxcMinibar from "@/components/modules/wxc-minibar/index.js"
    const navigator = weex.requireModule("navigator")

    export default {
        data(){
            return {
                
            }
        },

        components:{
            WxcMinibar
        },

        methods: {
            againrecharge(){
                navigator.pop()
            },
        }
    }
</script>
<style scoped>
   .recharge_result{
       position:absolute;
       top: 0;
       left:0;
       right:0;
       bottom: 0;
       background-color: #FFFFFF;
   }
    .result_box{
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     margin-top: 149px;
   }
    .button{
        width: 256px;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-width: 2px;
        border-style:solid;
        border-color:#D1D1D1;
        border-radius: 8px;
    }

</style>